*{
  margin: 0;
  padding: 0;
}
body{
  font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
  color: #333;
  background-color: #fff;
  min-width: 1226px;
  background: #F5F5F5;
}
.main{
  width: 1226px;
  margin: 0 auto;
  .box{
    width: 1226px;
    height: 58px;
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
    .box_1,.box_2{
      width: 50%;
      height: 58px;
      //border: 1px solid;

    }
    .box_1{
      font-size: 22px;
      font-weight: 200;
      color: #333;
      line-height: 58px;
    }
    .box_2_1{
      width: 74px;
      height: 24px;
      float: right;
      margin-top:18px ;
      .box_div1 a{
        color: lightgray;
      }
      div{
        float: left;
        width:35px ;
        height: 24px;
        border: 1px solid gainsboro;
        box-sizing: border-box;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        a{
          color: darkgray;
          text-decoration: none;
        }
      }
    }
  }


  .box1{
    width: 1226px;
    height: 300px;
    display: flex;
    justify-content: space-between;
    margin-top:20px ;
    div{
      width: 234px;
      height: 300px;
      background: white;
      text-align: center;
      p{
        line-height: 30px;
        a{
          color: #333;
        }
      }
    }
  }
  .box1_1 img{
    width: 140px;
    height: 140px;
    margin-top:27px ;
  }
  .box1_p1{
    margin-top:15px ;
    a{
      text-decoration: none;
    }
  }
  .box1_p2{
    color: #ff6700;
  }
  .box1_p3{
    color: darkgray;
  }


  .box2{
    width: 1226px;
    height: 58px;
    font-size: 22px;
    font-weight: 200;
    color: #333;
    line-height: 58px;
    margin-top:20px ;
  }

  .box3{
    width: 1226px;
    height: 415px;
    display: flex;
    justify-content: space-between;
    div{
      width: 296px;
      height: 415px;
      background: white;
      img{
        width: 296px;
        height: 220px;
      }
      p{
        width: 240px;

        margin: 0 auto;
      }
      .box3_p1{
        margin-top:30px ;
        line-height: 26px;
        color: #333;
        font-size: 14px;
        a{
          color: #333333;
        }
      }
      .box3_p2{
        margin-top:35px ;
        font-size: 13px;
        color: darkgray;
      }
      .box3_p3{
        margin-top:15px ;
        font-size: 14px;
        a{
          color: #333333;
        }
        span{
          color: #ff6700;
        }
      }
    }
  }
  #dong{
    width: 296px;
    height: 415px;
    background: white;
    //过度
    transition: all 2s;
  }
  #dong:hover{
    transform: translateY(-10px);
    box-shadow:1px 5px 6px 3px lightgray;
  }

  #dong1{
    width: 234px;
    height: 300px;
    background: white;
    text-align: center;
    transition: all 2s;

  }
  #dong1:hover{
    transform: translateY(-10px);
    box-shadow:1px 5px 6px 3px lightgray;
  }
  .swiper-slide{
    width: 1226px;
    height: 340px;
  }
  .ssm_1{
    width: 73px;
    height: 24px;
    float: right;
    margin-top:15px ;
    position: relative;
  }
  .clm1{
    width:36px;
    height: 24px;
    border: 1px solid lightgray;
    position: absolute;
    top: 0;left: 0px!important;
    background-size:15px 15px ;
    box-sizing: border-box;
    margin-top:0px!important;
  }
  .clm2{
    width:36px;
    //box-sizing: border-box;
    height: 24px;
    border: 1px solid lightgray;
    position: absolute;
    top: 0;left: 36px;
    margin-top:20px ;
    background-size:15px 15px ;
    margin-top:0px!important;
    //margin-left:-1px ;
  }
  .swiper-button-next:hover{
    color: orange;
  }
}